<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="">
        <meta name="author" content="">

        <?php
        $templateName = 'sb-admin';
        ?>
        <title><?php echo isset($title) ? $title : 'Admin'; ?></title>

        <!-- Bootstrap core CSS -->
        <link href="<?php echo base_url() . TEMPLATE_BACKEND_PATH . $templateName; ?>/css/bootstrap.css" rel="stylesheet">

        <!-- Add custom CSS here -->
        <link href="<?php echo base_url() . TEMPLATE_BACKEND_PATH . $templateName; ?>/css/sb-admin.css" rel="stylesheet">
        <link rel="stylesheet" href="<?php echo base_url() . TEMPLATE_BACKEND_PATH . $templateName; ?>/font-awesome/css/font-awesome.min.css">
    </head>

    <body>

        <div id="wrapper">

            <!-- Sidebar -->
            <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>

                </div>

                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="logo">
                    <?php echo img(TEMPLATE_BACKEND_PATH.$templateName.'/imgs/logo.png');?>
                </div>
                <div class="collapse navbar-collapse navbar-ex1-collapse">
                    <ul class="nav navbar-nav side-nav">
                        <li class="active"> <a class="navbar-brand" href="index.html">Dashboard</a></li>
                        <li><a href="adduser.html"><i class="fa fa-dashboard"></i> Add User</a></li>
                        <li><a href="Communes.html"><i class="fa fa-bar-chart-o"></i> Communes</a></li>
                        <li><a href="Districts.html"><i class="fa fa-table"></i> Districts</a></li>
                        <li><a href="Provices.html"><i class="fa fa-edit"></i> Provices</a></li>
                        <li><a href="Locations.html"><i class="fa fa-font"></i> Locations</a></li>
                        <li><a href="Houses.html"><i class="fa fa-desktop"></i> Houses</a></li>
                        <li><a href="Streets.html"><i class="fa fa-wrench"></i> Streets</a></li>
                        <li><a href="Categories.html"><i class="fa fa-file"></i> Categories</a></li>

                    </ul>

                    <ul class="nav navbar-nav navbar-right navbar-user">
                        <li class="dropdown messages-dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-envelope"></i> Messages <span class="badge">7</span> <b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                <li class="dropdown-header">7 New Messages</li>
                                <li class="message-preview">
                                    <a href="#">
                                        <span class="avatar"><img src="http://placehold.it/50x50"></span>
                                        <span class="name">John Smith:</span>
                                        <span class="message">Hey there, I wanted to ask you something...</span>
                                        <span class="time"><i class="fa fa-clock-o"></i> 4:34 PM</span>
                                    </a>
                                </li>
                                <li class="divider"></li>
                                <li class="message-preview">
                                    <a href="#">
                                        <span class="avatar"><img src="http://placehold.it/50x50"></span>
                                        <span class="name">John Smith:</span>
                                        <span class="message">Hey there, I wanted to ask you something...</span>
                                        <span class="time"><i class="fa fa-clock-o"></i> 4:34 PM</span>
                                    </a>
                                </li>
                                <li class="divider"></li>
                                <li class="message-preview">
                                    <a href="#">
                                        <span class="avatar"><img src="http://placehold.it/50x50"></span>
                                        <span class="name">John Smith:</span>
                                        <span class="message">Hey there, I wanted to ask you something...</span>
                                        <span class="time"><i class="fa fa-clock-o"></i> 4:34 PM</span>
                                    </a>
                                </li>
                                <li class="divider"></li>
                                <li><a href="#">View Inbox <span class="badge">7</span></a></li>
                            </ul>
                        </li>
                        <li class="dropdown alerts-dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-bell"></i> Alerts <span class="badge">3</span> <b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                <li><a href="#">Default <span class="label label-default">Default</span></a></li>
                                <li><a href="#">Primary <span class="label label-primary">Primary</span></a></li>
                                <li><a href="#">Success <span class="label label-success">Success</span></a></li>
                                <li><a href="#">Info <span class="label label-info">Info</span></a></li>
                                <li><a href="#">Warning <span class="label label-warning">Warning</span></a></li>
                                <li><a href="#">Danger <span class="label label-danger">Danger</span></a></li>
                                <li class="divider"></li>
                                <li><a href="#">View All</a></li>
                            </ul>
                        </li>
                        <li class="dropdown user-dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i> John Smith <b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                <li><a href="#"><i class="fa fa-user"></i> Profile</a></li>
                                <li><a href="#"><i class="fa fa-envelope"></i> Inbox <span class="badge">7</span></a></li>
                                <li><a href="#"><i class="fa fa-gear"></i> Settings</a></li>
                                <li class="divider"></li>
                                <li><a href="#"><i class="fa fa-power-off"></i> Log Out</a></li>
                            </ul>
                        </li>
                    </ul>
                </div><!-- /.navbar-collapse -->
            </nav>

            <div id="page-wrapper">

                <div class="row">
                    <div class="col-lg-12">
                        <h1><?php echo $title, ' | ', $action;?></h1>
<!--                        <ol class="breadcrumb">
                            <li class="active"><i class="fa fa-edit"></i> Profile</li>
                        </ol>-->
                        
                    </div>
                </div>
                <?php
                $this->load->view($view);
                ?>
            </div>
        </div>
        <script src="<?php echo base_url() . TEMPLATE_BACKEND_PATH . $templateName; ?>/js/jquery-1.10.2.js"></script>
        <script src="<?php echo base_url() . TEMPLATE_BACKEND_PATH . $templateName; ?>/js/bootstrap.js"></script>
    </body>
</html>